<!DOCTYPE html>
<html>
<head>
<title>后台订单管理</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="./css/aaa.css">
<script src="./js/jquery-3.1.0.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<style type="text/css"></style>
</head>

<body>
<img calss="img-responsive" width="100%" src="./image/head.jpg" />
<div class="container">
  <div class="row">
    <div class="span12">
      <nav class="navbar navbar-inverse" role="navigation">
        <div class="container-fluid"> 
          <!-- Brand and toggle get grouped for better mobile display -->
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
            <a class="navbar-brand" href="#">后台管理</a> </div>
          
          <!-- Collect the nav links, forms, and other content for toggling -->
          <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
              <li class="active"><a href="#">订单管理</a></li>
              <li><a href="#">今日揽件路径规划</a></li>
              <li><a href="#">今日派送路径规划</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
              <li><a href="#">注销</a></li>
              <li>
                <h4><span class="label label-success">日期</span></h4>
              </li>
            </ul>
          </div>
          <!-- /.navbar-collapse --> 
        </div>
        <!-- /.container-fluid --> 
      </nav>
      <div class="panel panel-success">
        <div class="panel-heading">
          <form class="navbar-form navbar-left" role="search">
            <div class="form-group">
              <input type="text" class="form-control" placeholder="按订单号查找">
            </div>
            <button type="submit" class="btn btn-default">搜索</button>
          </form>
          <ul class="nav navbar-nav navbar-right">
            <li><a href="#">
              <h4><span class="label label-success">添加订单</span></h4>
              </a></li>
          </ul>
          <br>
          <br>
        </div>
        <iframe id="tmp_downloadhelper_iframe" style="display: none;"></iframe>
      </div>
      <div class="panel-body">
        <div class="accordion" id="accordion-449551">
          <table class="table table-hover table-condensed">
            <tbody>
              <tr>
                <td><div class="accordion-group">
                    <div class="accordion-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion-449551" href="#accordion-element-1">订单号：1</a> </div>
                    <div id="accordion-element-1" class="accordion-body collapse">
                      <div class="accordion-inner">
                        <div class="col-md-12">
                          <div class="col-md-6">
                            <div class="col-md-4"><span class="label label-info">寄件人姓名</span><br/>
                              <strong>寄件人姓名</strong><br/>
                              <br/>
                            </div>
                            <div class="col-md-4"><span class="label label-info">寄件人手机号码</span><br/>
                              <strong>寄件人手机号码</strong><br/>
                              <br/>
                            </div>
                            <div class="col-md-4"><span class="label label-info">寄件位置经纬度</span><br/>
                              <strong>x,y</strong><br/>
                              <br/>
                            </div>
                            <div class="col-md-12"><br/>
                              <span class="label label-info">寄件人详细地址</span><strong>寄件人详细地址</strong> <br/>
                              <br/>
                            </div>
                          </div>
                          <div class="col-md-6">
                            <div class="col-md-4"><span class="label label-info">收件人姓名</span><br/>
                              <strong>收件人姓名</strong> <br/>
                              <br/>
                            </div>
                            <div class="col-md-4"><span class="label label-info">收件人手机号码</span><br/>
                              <strong>收件人手机号码</strong> <br/>
                              <br/>
                            </div>
                            <div class="col-md-4"><span class="label label-info">收件位置经纬度</span><br/>
                              <strong>x,y</strong> <br/>
                              <br/>
                            </div>
                            <div class="col-md-12"><br/>
                              <span class="label label-info">收件人详细地址</span><strong>收件人详细地址</strong> <br/>
                              <br/>
                            </div>
                          </div>
                          <div class="col-md-12">
                            <div class="col-xs-3 col-md-3"><span class="label label-info">订单日期</span><br/>
                              <br/>
                            </div>
                            <div class="col-xs-3 col-md-3"><span class="label label-info">订单状态</span><br/>
                              <br/>
                            </div>
                            <div class="col-xs-3 col-md-3"><span class="label label-info">物件体积</span><br/>
                              <br/>
                            </div>
                            <div class="col-xs-3 col-md-3"><span class="label label-info">物件重量</span><br/>
                              <br/>
                            </div>
                            <br/>
                            <div class="col-md-12"><span class="label label-info">备注</span><br/>
                              <br/>
                              <br/>
                            </div>
                            <div align="center">
                              <a href="#" class="btn btn-warning" >确定收货</a>
                              <a href="#" class="btn btn-danger">删除订单 </a>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <br/>
                    <br/>
                  </div></td>
              </tr>
              <tr>
                <td><div class="accordion-group">
                  <div class="accordion-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion-449551" href="#accordion-element-2">订单号：2</a> </div>
                  <div id="accordion-element-2" class="accordion-body collapse">
                      <div class="accordion-inner">
                        <div class="col-md-12">
                          <div class="col-md-6">
                            <div class="col-md-4"><span class="label label-info">寄件人姓名</span><br/>
                              <strong>寄件人姓名</strong><br/>
                              <br/>
                            </div>
                            <div class="col-md-4"><span class="label label-info">寄件人手机号码</span><br/>
                              <strong>寄件人手机号码</strong><br/>
                              <br/>
                            </div>
                            <div class="col-md-4"><span class="label label-info">寄件位置经纬度</span><br/>
                              <strong>x,y</strong><br/>
                              <br/>
                            </div>
                            <div class="col-md-12"><br/>
                              <span class="label label-info">寄件人详细地址</span><strong>寄件人详细地址</strong> <br/>
                              <br/>
                            </div>
                          </div>
                          <div class="col-md-6">
                            <div class="col-md-4"><span class="label label-info">收件人姓名</span><br/>
                              <strong>收件人姓名</strong> <br/>
                              <br/>
                            </div>
                            <div class="col-md-4"><span class="label label-info">收件人手机号码</span><br/>
                              <strong>收件人手机号码</strong> <br/>
                              <br/>
                            </div>
                            <div class="col-md-4"><span class="label label-info">收件位置经纬度</span><br/>
                              <strong>x,y</strong> <br/>
                              <br/>
                            </div>
                            <div class="col-md-12"><br/>
                              <span class="label label-info">收件人详细地址</span><strong>收件人详细地址</strong> <br/>
                              <br/>
                            </div>
                          </div>
                          <div class="col-md-12">
                            <div class="col-xs-3 col-md-3"><span class="label label-info">订单日期</span><br/>
                              <br/>
                            </div>
                            <div class="col-xs-3 col-md-3"><span class="label label-info">订单状态</span><br/>
                              <br/>
                            </div>
                            <div class="col-xs-3 col-md-3"><span class="label label-info">物件体积</span><br/>
                              <br/>
                            </div>
                            <div class="col-xs-3 col-md-3"><span class="label label-info">物件重量</span><br/>
                              <br/>
                            </div>
                            <br/>
                            <div class="col-md-12"><span class="label label-info">备注</span><br/>
                              <br/>
                              <br/>
                            </div>
                            <div align="center">
                              <a href="#" class="btn btn-warning">确定收货</a>
                              <a href="#" class="btn btn-danger">&nbsp;&nbsp;删除&nbsp;&nbsp; </a>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div></td>
              </tr>
              <tr>
                <td><div class="accordion-group">
                  <div class="accordion-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion-449551" href="#accordion-element-3">订单号：3</a> </div>
                  <div id="accordion-element-3" class="accordion-body collapse">
                      <div class="accordion-inner">
                        <div class="col-md-12">
                          <div class="col-md-6">
                            <div class="col-md-4"><span class="label label-info">寄件人姓名</span><br/>
                              <strong>寄件人姓名</strong><br/>
                              <br/>
                            </div>
                            <div class="col-md-4"><span class="label label-info">寄件人手机号码</span><br/>
                              <strong>寄件人手机号码</strong><br/>
                              <br/>
                            </div>
                            <div class="col-md-4"><span class="label label-info">寄件位置经纬度</span><br/>
                              <strong>x,y</strong><br/>
                              <br/>
                            </div>
                            <div class="col-md-12"><br/>
                              <span class="label label-info">寄件人详细地址</span><strong>寄件人详细地址</strong> <br/>
                              <br/>
                            </div>
                          </div>
                          <div class="col-md-6">
                            <div class="col-md-4"><span class="label label-info">收件人姓名</span><br/>
                              <strong>收件人姓名</strong> <br/>
                              <br/>
                            </div>
                            <div class="col-md-4"><span class="label label-info">收件人手机号码</span><br/>
                              <strong>收件人手机号码</strong> <br/>
                              <br/>
                            </div>
                            <div class="col-md-4"><span class="label label-info">收件位置经纬度</span><br/>
                              <strong>x,y</strong> <br/>
                              <br/>
                            </div>
                            <div class="col-md-12"><br/>
                              <span class="label label-info">收件人详细地址</span><strong>收件人详细地址</strong> <br/>
                              <br/>
                            </div>
                          </div>
                          <div class="col-md-12">
                            <div class="col-xs-3 col-md-3"><span class="label label-info">订单日期</span><br/>
                              <br/>
                            </div>
                            <div class="col-xs-3 col-md-3"><span class="label label-info">订单状态</span><br/>
                              <br/>
                            </div>
                            <div class="col-xs-3 col-md-3"><span class="label label-info">物件体积</span><br/>
                              <br/>
                            </div>
                            <div class="col-xs-3 col-md-3"><span class="label label-info">物件重量</span><br/>
                              <br/>
                            </div>
                            <br/>
                            <div class="col-md-12"><span class="label label-info">备注</span><br/>
                              <br/>
                              <br/>
                            </div>
                            <div align="center">
                              <a href="#" class="btn btn-warning">确定收货</a>
                              <a href="#" class="btn btn-danger">&nbsp;&nbsp;删除&nbsp;&nbsp; </a>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div></td>
              </tr>
            </tbody>
          </table>
        </div>
        <br>
        <br>
      </div>
      <div class="col-lg-offset-4 col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2">
        <div class="btn-toolbar" role="toolbar">
          <div class="btn-group" role="group">
            <a href="#" class="btn btn-primary">&lt;&lt; </a>
            <a href="#" class="btn btn-primary">&lt; </a>
          </div>
          <div class="btn-group" role="group">
            <a href="#" class="btn btn-primary active">1</a>
            <a href="#" class="btn btn-primary">2</a>
            <a href="#" class="btn btn-primary">3</a>
            <a href="#" class="btn btn-primary">4</a>
            <a href="#" class="btn btn-primary">5</a>
            <a href="#" class="btn btn-primary">6</a>
            <a href="#" class="btn btn-primary">7</a>
            <a href="#" class="btn btn-primary">8</a>
            <a href="#" class="btn btn-primary">9</a>
            <a href="#" class="btn btn-primary">10</a>
            <a href="#" class="btn btn-primary">11</a>
            <a href="#" class="btn btn-primary">12</a>
            <a href="#" class="btn btn-primary">13</a>
          </div>
          <div class="btn-group" role="group">
            <a href="#" class="btn btn-primary">&gt; </a>
            <a href="#" class="btn btn-primary">&gt;&gt; </a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div id="foot" class=" row navbar navbar-default navbar-fixed-bottom" role="navigation">
  <div class="col-md-12"> <span style="color:#f1f4f5;">_</span>
    <div>
      <div class="col-md-6 col-md-offset-1">
        <p>© 2016. All RIGHT RESERVED. 玛德菲快递有限公司 版权所有 粤ICP备879453134号</p>
      </div>
      <div class="col-md-4">
        <p> 客服服务热线：25041，020-88877766</p>
      </div>
    </div>
  </div>
</div>
</body>
</html>
